
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wangzhan"></use>
                    </svg>
                    <div class="name">网站</div>
                    <div class="fontclass">#ia-wangzhan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-status5"></use>
                    </svg>
                    <div class="name">状态5</div>
                    <div class="fontclass">#ia-status5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhuangtaijiankong"></use>
                    </svg>
                    <div class="name">状态监控</div>
                    <div class="fontclass">#ia-zhuangtaijiankong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-danxuanfill"></use>
                    </svg>
                    <div class="name">单选-fill</div>
                    <div class="fontclass">#ia-danxuanfill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-danxuan"></use>
                    </svg>
                    <div class="name">单选</div>
                    <div class="fontclass">#ia-danxuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-fangxingweixuanzhong"></use>
                    </svg>
                    <div class="name">方形未选中</div>
                    <div class="fontclass">#ia-fangxingweixuanzhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-fangxingxuanzhongfill"></use>
                    </svg>
                    <div class="name">方形选中-fill</div>
                    <div class="fontclass">#ia-fangxingxuanzhongfill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-fangxingxuanzhong"></use>
                    </svg>
                    <div class="name">方形选中</div>
                    <div class="fontclass">#ia-fangxingxuanzhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-guanbi1"></use>
                    </svg>
                    <div class="name">关闭1</div>
                    <div class="fontclass">#ia-guanbi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-guanbi2fill"></use>
                    </svg>
                    <div class="name">关闭2-fill</div>
                    <div class="fontclass">#ia-guanbi2fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-guanbi2"></use>
                    </svg>
                    <div class="name">关闭2</div>
                    <div class="fontclass">#ia-guanbi2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jiahao"></use>
                    </svg>
                    <div class="name">加号</div>
                    <div class="fontclass">#ia-jiahao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-liebiaoxingshi"></use>
                    </svg>
                    <div class="name">列表形式</div>
                    <div class="fontclass">#ia-liebiaoxingshi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-liuyanfill"></use>
                    </svg>
                    <div class="name">留言-fill</div>
                    <div class="fontclass">#ia-liuyanfill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-liuyan"></use>
                    </svg>
                    <div class="name">留言</div>
                    <div class="fontclass">#ia-liuyan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-pengyoufill"></use>
                    </svg>
                    <div class="name">朋友-fill</div>
                    <div class="fontclass">#ia-pengyoufill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-pengyou"></use>
                    </svg>
                    <div class="name">朋友</div>
                    <div class="fontclass">#ia-pengyou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shanchu"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#ia-shanchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shezhi"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#ia-shezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shenfen"></use>
                    </svg>
                    <div class="name">身份</div>
                    <div class="fontclass">#ia-shenfen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shizhongfill"></use>
                    </svg>
                    <div class="name">时钟-fill</div>
                    <div class="fontclass">#ia-shizhongfill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shizhong"></use>
                    </svg>
                    <div class="name">时钟</div>
                    <div class="fontclass">#ia-shizhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shouyefill"></use>
                    </svg>
                    <div class="name">首页-fill</div>
                    <div class="fontclass">#ia-shouyefill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shouye"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#ia-shouye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-sousuo"></use>
                    </svg>
                    <div class="name">搜索</div>
                    <div class="fontclass">#ia-sousuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-sousuoleimufill"></use>
                    </svg>
                    <div class="name">搜索类目-fill</div>
                    <div class="fontclass">#ia-sousuoleimufill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-sousuoleimu"></use>
                    </svg>
                    <div class="name">搜索类目</div>
                    <div class="fontclass">#ia-sousuoleimu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-taobao"></use>
                    </svg>
                    <div class="name">淘宝</div>
                    <div class="fontclass">#ia-taobao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-taojinbi"></use>
                    </svg>
                    <div class="name">淘金币</div>
                    <div class="fontclass">#ia-taojinbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-tianmao"></use>
                    </svg>
                    <div class="name">天猫</div>
                    <div class="fontclass">#ia-tianmao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-tongzhifill"></use>
                    </svg>
                    <div class="name">通知-fill</div>
                    <div class="fontclass">#ia-tongzhifill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-tongzhi"></use>
                    </svg>
                    <div class="name">通知</div>
                    <div class="fontclass">#ia-tongzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-tuikuan"></use>
                    </svg>
                    <div class="name">退款</div>
                    <div class="fontclass">#ia-tuikuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wangwangfill"></use>
                    </svg>
                    <div class="name">旺旺-fill</div>
                    <div class="fontclass">#ia-wangwangfill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wangwang"></use>
                    </svg>
                    <div class="name">旺旺</div>
                    <div class="fontclass">#ia-wangwang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wodefill"></use>
                    </svg>
                    <div class="name">我的-fill</div>
                    <div class="fontclass">#ia-wodefill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wode"></use>
                    </svg>
                    <div class="name">我的</div>
                    <div class="fontclass">#ia-wode</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wuliu"></use>
                    </svg>
                    <div class="name">物流</div>
                    <div class="fontclass">#ia-wuliu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xihuanfill"></use>
                    </svg>
                    <div class="name">喜欢-fill</div>
                    <div class="fontclass">#ia-xihuanfill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xihuan"></use>
                    </svg>
                    <div class="name">喜欢</div>
                    <div class="fontclass">#ia-xihuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xinxifill"></use>
                    </svg>
                    <div class="name">信息-fill</div>
                    <div class="fontclass">#ia-xinxifill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xinxi"></use>
                    </svg>
                    <div class="name">信息</div>
                    <div class="fontclass">#ia-xinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-youhuiquan"></use>
                    </svg>
                    <div class="name">优惠券</div>
                    <div class="fontclass">#ia-youhuiquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-yuyan"></use>
                    </svg>
                    <div class="name">语言</div>
                    <div class="fontclass">#ia-yuyan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhengli"></use>
                    </svg>
                    <div class="name">整理</div>
                    <div class="fontclass">#ia-zhengli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zuji"></use>
                    </svg>
                    <div class="name">足迹</div>
                    <div class="fontclass">#ia-zuji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dibu"></use>
                    </svg>
                    <div class="name">底部</div>
                    <div class="fontclass">#ia-dibu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dingbujinzhi"></use>
                    </svg>
                    <div class="name">顶部-禁止</div>
                    <div class="fontclass">#ia-dingbujinzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dingbu"></use>
                    </svg>
                    <div class="name">顶部</div>
                    <div class="fontclass">#ia-dingbu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiangshang1"></use>
                    </svg>
                    <div class="name">向上1</div>
                    <div class="fontclass">#ia-xiangshang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiangshang2"></use>
                    </svg>
                    <div class="name">向上2</div>
                    <div class="fontclass">#ia-xiangshang2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dianhua"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#ia-dianhua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-weibiaoti2zhuanhuan"></use>
                    </svg>
                    <div class="name">网站</div>
                    <div class="fontclass">#ia-weibiaoti2zhuanhuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-danpin"></use>
                    </svg>
                    <div class="name">单品</div>
                    <div class="fontclass">#ia-danpin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-duozhongzhifu"></use>
                    </svg>
                    <div class="name">多种支付</div>
                    <div class="fontclass">#ia-duozhongzhifu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-erweima"></use>
                    </svg>
                    <div class="name">二维码</div>
                    <div class="fontclass">#ia-erweima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-guojiwuliu"></use>
                    </svg>
                    <div class="name">国际物流</div>
                    <div class="fontclass">#ia-guojiwuliu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-huwai"></use>
                    </svg>
                    <div class="name">户外</div>
                    <div class="fontclass">#ia-huwai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jujia"></use>
                    </svg>
                    <div class="name">居家</div>
                    <div class="fontclass">#ia-jujia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-kuzi"></use>
                    </svg>
                    <div class="name">裤子  </div>
                    <div class="fontclass">#ia-kuzi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-muying"></use>
                    </svg>
                    <div class="name">母婴</div>
                    <div class="fontclass">#ia-muying</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-nanzhuang"></use>
                    </svg>
                    <div class="name">男装</div>
                    <div class="fontclass">#ia-nanzhuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-neiyi"></use>
                    </svg>
                    <div class="name">内衣</div>
                    <div class="fontclass">#ia-neiyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-nvzhuang"></use>
                    </svg>
                    <div class="name">女装</div>
                    <div class="fontclass">#ia-nvzhuang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-pinpai"></use>
                    </svg>
                    <div class="name">品牌</div>
                    <div class="fontclass">#ia-pinpai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-tequanzhuanshu"></use>
                    </svg>
                    <div class="name">特权专属</div>
                    <div class="fontclass">#ia-tequanzhuanshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiangbao"></use>
                    </svg>
                    <div class="name">箱包</div>
                    <div class="fontclass">#ia-xiangbao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-yishouchu"></use>
                    </svg>
                    <div class="name">已售出</div>
                    <div class="fontclass">#ia-yishouchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-others"></use>
                    </svg>
                    <div class="name">others</div>
                    <div class="fontclass">#ia-others</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-heqi"></use>
                    </svg>
                    <div class="name">下拉</div>
                    <div class="fontclass">#ia-heqi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiala"></use>
                    </svg>
                    <div class="name">下拉</div>
                    <div class="fontclass">#ia-xiala</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiala1"></use>
                    </svg>
                    <div class="name">下拉</div>
                    <div class="fontclass">#ia-xiala1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhuangtai"></use>
                    </svg>
                    <div class="name">状态</div>
                    <div class="fontclass">#ia-zhuangtai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-off"></use>
                    </svg>
                    <div class="name">状态</div>
                    <div class="fontclass">#ia-off</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-error"></use>
                    </svg>
                    <div class="name">状态</div>
                    <div class="fontclass">#ia-error</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhuangtai_tingyong-copy"></use>
                    </svg>
                    <div class="name">状态_停用</div>
                    <div class="fontclass">#ia-zhuangtai_tingyong-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-yanzhengmashibie"></use>
                    </svg>
                    <div class="name">验证码识别</div>
                    <div class="fontclass">#ia-yanzhengmashibie</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dongtaixinxizhuaqu"></use>
                    </svg>
                    <div class="name">动态信息抓取</div>
                    <div class="fontclass">#ia-dongtaixinxizhuaqu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-duochucunzhichi"></use>
                    </svg>
                    <div class="name">多储存支持</div>
                    <div class="fontclass">#ia-duochucunzhichi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-duozhongjiexifangan"></use>
                    </svg>
                    <div class="name">多种解析方案</div>
                    <div class="fontclass">#ia-duozhongjiexifangan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-lianjiequzhong"></use>
                    </svg>
                    <div class="name">链接去重</div>
                    <div class="fontclass">#ia-lianjiequzhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-kepeizhihuabaojingfuwu"></use>
                    </svg>
                    <div class="name">可配置化报警服务</div>
                    <div class="fontclass">#ia-kepeizhihuabaojingfuwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-yizhanshipeizhi"></use>
                    </svg>
                    <div class="name">一站式配置</div>
                    <div class="fontclass">#ia-yizhanshipeizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shenduheguangdu"></use>
                    </svg>
                    <div class="name">深度和广度</div>
                    <div class="fontclass">#ia-shenduheguangdu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-ziyuanguanli"></use>
                    </svg>
                    <div class="name">资源管理</div>
                    <div class="fontclass">#ia-ziyuanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dashujucunchu"></use>
                    </svg>
                    <div class="name">大数据存储</div>
                    <div class="fontclass">#ia-dashujucunchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dashujukaifataojian"></use>
                    </svg>
                    <div class="name">大数据开发套件</div>
                    <div class="fontclass">#ia-dashujukaifataojian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-huaxiangfenxi"></use>
                    </svg>
                    <div class="name">画像分析</div>
                    <div class="fontclass">#ia-huaxiangfenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jiqixuexi"></use>
                    </svg>
                    <div class="name">机器学习</div>
                    <div class="fontclass">#ia-jiqixuexi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-kuaisuBI"></use>
                    </svg>
                    <div class="name">快速BI</div>
                    <div class="fontclass">#ia-kuaisuBI</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-keshihuashujuETL"></use>
                    </svg>
                    <div class="name">可视化数据ETL</div>
                    <div class="fontclass">#ia-keshihuashujuETL</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-lixianpijisuan"></use>
                    </svg>
                    <div class="name">离线批计算</div>
                    <div class="fontclass">#ia-lixianpijisuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-qiyetupu"></use>
                    </svg>
                    <div class="name">企业图谱</div>
                    <div class="fontclass">#ia-qiyetupu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shishiliujisuan"></use>
                    </svg>
                    <div class="name">实时流计算</div>
                    <div class="fontclass">#ia-shishiliujisuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shujuduoweiducube"></use>
                    </svg>
                    <div class="name">数据多维度cube</div>
                    <div class="fontclass">#ia-shujuduoweiducube</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-tuxingtuxiangchuli"></use>
                    </svg>
                    <div class="name">图形图像处理</div>
                    <div class="fontclass">#ia-tuxingtuxiangchuli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-yuceyinqing"></use>
                    </svg>
                    <div class="name">预测引擎</div>
                    <div class="fontclass">#ia-yuceyinqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-ziranyuyanchuli"></use>
                    </svg>
                    <div class="name">自然语言处理</div>
                    <div class="fontclass">#ia-ziranyuyanchuli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shujujicheng"></use>
                    </svg>
                    <div class="name">数据集成</div>
                    <div class="fontclass">#ia-shujujicheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhinengyuyinjiaohu"></use>
                    </svg>
                    <div class="name">智能语音交互</div>
                    <div class="fontclass">#ia-zhinengyuyinjiaohu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-qingbaowajue"></use>
                    </svg>
                    <div class="name">情报挖掘</div>
                    <div class="fontclass">#ia-qingbaowajue</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-Kxiantu"></use>
                    </svg>
                    <div class="name">K线图</div>
                    <div class="fontclass">#ia-Kxiantu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-fenxi"></use>
                    </svg>
                    <div class="name">分析</div>
                    <div class="fontclass">#ia-fenxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-gengduo"></use>
                    </svg>
                    <div class="name">更多…</div>
                    <div class="fontclass">#ia-gengduo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jiaohu"></use>
                    </svg>
                    <div class="name">交互</div>
                    <div class="fontclass">#ia-jiaohu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-leidatu"></use>
                    </svg>
                    <div class="name">雷达图</div>
                    <div class="fontclass">#ia-leidatu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-duoweidu"></use>
                    </svg>
                    <div class="name">多维度</div>
                    <div class="fontclass">#ia-duoweidu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-sandiantu"></use>
                    </svg>
                    <div class="name">散点图</div>
                    <div class="fontclass">#ia-sandiantu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shujushitu"></use>
                    </svg>
                    <div class="name">数据视图</div>
                    <div class="fontclass">#ia-shujushitu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhexiantu"></use>
                    </svg>
                    <div class="name">折线图</div>
                    <div class="fontclass">#ia-zhexiantu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiala2"></use>
                    </svg>
                    <div class="name">下拉</div>
                    <div class="fontclass">#ia-xiala2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-error1"></use>
                    </svg>
                    <div class="name">状态</div>
                    <div class="fontclass">#ia-error1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhuangtai1"></use>
                    </svg>
                    <div class="name">状态</div>
                    <div class="fontclass">#ia-zhuangtai1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-accessory"></use>
                    </svg>
                    <div class="name">accessory</div>
                    <div class="fontclass">#ia-accessory</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-activity"></use>
                    </svg>
                    <div class="name">activity</div>
                    <div class="fontclass">#ia-activity</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-activity_fill"></use>
                    </svg>
                    <div class="name">activity_fill</div>
                    <div class="fontclass">#ia-activity_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-add"></use>
                    </svg>
                    <div class="name">add</div>
                    <div class="fontclass">#ia-add</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-addition_fill"></use>
                    </svg>
                    <div class="name">addition_fill</div>
                    <div class="fontclass">#ia-addition_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-addition"></use>
                    </svg>
                    <div class="name">addition</div>
                    <div class="fontclass">#ia-addition</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-addpeople_fill"></use>
                    </svg>
                    <div class="name">addpeople_fill</div>
                    <div class="fontclass">#ia-addpeople_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-addpeople"></use>
                    </svg>
                    <div class="name">addpeople</div>
                    <div class="fontclass">#ia-addpeople</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-addressbook_fill"></use>
                    </svg>
                    <div class="name">addressbook_fill</div>
                    <div class="fontclass">#ia-addressbook_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-browse_fill"></use>
                    </svg>
                    <div class="name">browse_fill</div>
                    <div class="fontclass">#ia-browse_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-browse"></use>
                    </svg>
                    <div class="name">browse</div>
                    <div class="fontclass">#ia-browse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-brush"></use>
                    </svg>
                    <div class="name">brush</div>
                    <div class="fontclass">#ia-brush</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-brush_fill"></use>
                    </svg>
                    <div class="name">brush_fill</div>
                    <div class="fontclass">#ia-brush_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-businesscard_fill"></use>
                    </svg>
                    <div class="name">businesscard_fill</div>
                    <div class="fontclass">#ia-businesscard_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-businesscard"></use>
                    </svg>
                    <div class="name">businesscard</div>
                    <div class="fontclass">#ia-businesscard</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-camera_fill"></use>
                    </svg>
                    <div class="name">camera_fill</div>
                    <div class="fontclass">#ia-camera_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-camera"></use>
                    </svg>
                    <div class="name">camera</div>
                    <div class="fontclass">#ia-camera</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-clock_fill"></use>
                    </svg>
                    <div class="name">clock_fill</div>
                    <div class="fontclass">#ia-clock_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-clock"></use>
                    </svg>
                    <div class="name">clock</div>
                    <div class="fontclass">#ia-clock</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-close"></use>
                    </svg>
                    <div class="name">close</div>
                    <div class="fontclass">#ia-close</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-collection_fill"></use>
                    </svg>
                    <div class="name">collection_fill</div>
                    <div class="fontclass">#ia-collection_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-collection"></use>
                    </svg>
                    <div class="name">collection</div>
                    <div class="fontclass">#ia-collection</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-coordinates_fill"></use>
                    </svg>
                    <div class="name">coordinates_fill</div>
                    <div class="fontclass">#ia-coordinates_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-coordinates"></use>
                    </svg>
                    <div class="name">coordinates</div>
                    <div class="fontclass">#ia-coordinates</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-document_fill"></use>
                    </svg>
                    <div class="name">document_fill</div>
                    <div class="fontclass">#ia-document_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dynamic_fill"></use>
                    </svg>
                    <div class="name">dynamic_fill</div>
                    <div class="fontclass">#ia-dynamic_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-enterinto"></use>
                    </svg>
                    <div class="name">enterinto</div>
                    <div class="fontclass">#ia-enterinto</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-enterinto_fill"></use>
                    </svg>
                    <div class="name">enterinto_fill</div>
                    <div class="fontclass">#ia-enterinto_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-feedback_fill"></use>
                    </svg>
                    <div class="name">feedback_fill</div>
                    <div class="fontclass">#ia-feedback_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-feedback"></use>
                    </svg>
                    <div class="name">feedback</div>
                    <div class="fontclass">#ia-feedback</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-flag_fill"></use>
                    </svg>
                    <div class="name">flag_fill</div>
                    <div class="fontclass">#ia-flag_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-people_fill"></use>
                    </svg>
                    <div class="name">people_fill</div>
                    <div class="fontclass">#ia-people_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-people"></use>
                    </svg>
                    <div class="name">people</div>
                    <div class="fontclass">#ia-people</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-refresh"></use>
                    </svg>
                    <div class="name">refresh</div>
                    <div class="fontclass">#ia-refresh</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-remind_fill"></use>
                    </svg>
                    <div class="name">remind_fill</div>
                    <div class="fontclass">#ia-remind_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-remind"></use>
                    </svg>
                    <div class="name">remind</div>
                    <div class="fontclass">#ia-remind</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wangzhan1"></use>
                    </svg>
                    <div class="name">网站</div>
                    <div class="fontclass">#ia-wangzhan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhuangtai11"></use>
                    </svg>
                    <div class="name">状态</div>
                    <div class="fontclass">#ia-zhuangtai11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-"></use>
                    </svg>
                    <div class="name">emoji-1</div>
                    <div class="fontclass">#ia-emoji-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-_zhuangtai-zhengchang"></use>
                    </svg>
                    <div class="name">2-004.状态-正常</div>
                    <div class="fontclass">#ia-_zhuangtai-zhengchang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhuangtaitishi"></use>
                    </svg>
                    <div class="name">状态提示</div>
                    <div class="fontclass">#ia-zhuangtaitishi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-1"></use>
                    </svg>
                    <div class="name">emoji-2</div>
                    <div class="fontclass">#ia-emoji-1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-2"></use>
                    </svg>
                    <div class="name">emoji-3</div>
                    <div class="fontclass">#ia-emoji-2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-3"></use>
                    </svg>
                    <div class="name">emoji-4</div>
                    <div class="fontclass">#ia-emoji-3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-4"></use>
                    </svg>
                    <div class="name">emoji-5</div>
                    <div class="fontclass">#ia-emoji-4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-5"></use>
                    </svg>
                    <div class="name">emoji-6</div>
                    <div class="fontclass">#ia-emoji-5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-6"></use>
                    </svg>
                    <div class="name">emoji-7</div>
                    <div class="fontclass">#ia-emoji-6</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-7"></use>
                    </svg>
                    <div class="name">emoji-8</div>
                    <div class="fontclass">#ia-emoji-7</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-8"></use>
                    </svg>
                    <div class="name">emoji-9</div>
                    <div class="fontclass">#ia-emoji-8</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-9"></use>
                    </svg>
                    <div class="name">emoji-10</div>
                    <div class="fontclass">#ia-emoji-9</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-10"></use>
                    </svg>
                    <div class="name">emoji-11</div>
                    <div class="fontclass">#ia-emoji-10</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-11"></use>
                    </svg>
                    <div class="name">emoji-12</div>
                    <div class="fontclass">#ia-emoji-11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-12"></use>
                    </svg>
                    <div class="name">emoji-13</div>
                    <div class="fontclass">#ia-emoji-12</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-13"></use>
                    </svg>
                    <div class="name">emoji-14</div>
                    <div class="fontclass">#ia-emoji-13</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-14"></use>
                    </svg>
                    <div class="name">emoji-15</div>
                    <div class="fontclass">#ia-emoji-14</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-15"></use>
                    </svg>
                    <div class="name">emoji-16</div>
                    <div class="fontclass">#ia-emoji-15</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-16"></use>
                    </svg>
                    <div class="name">emoji-17</div>
                    <div class="fontclass">#ia-emoji-16</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-17"></use>
                    </svg>
                    <div class="name">emoji-18</div>
                    <div class="fontclass">#ia-emoji-17</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-18"></use>
                    </svg>
                    <div class="name">emoji-19</div>
                    <div class="fontclass">#ia-emoji-18</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-19"></use>
                    </svg>
                    <div class="name">emoji-20</div>
                    <div class="fontclass">#ia-emoji-19</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-20"></use>
                    </svg>
                    <div class="name">emoji-21</div>
                    <div class="fontclass">#ia-emoji-20</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-21"></use>
                    </svg>
                    <div class="name">emoji-22</div>
                    <div class="fontclass">#ia-emoji-21</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-22"></use>
                    </svg>
                    <div class="name">emoji-23</div>
                    <div class="fontclass">#ia-emoji-22</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-23"></use>
                    </svg>
                    <div class="name">emoji-24</div>
                    <div class="fontclass">#ia-emoji-23</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-24"></use>
                    </svg>
                    <div class="name">emoji-25</div>
                    <div class="fontclass">#ia-emoji-24</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-25"></use>
                    </svg>
                    <div class="name">emoji-26</div>
                    <div class="fontclass">#ia-emoji-25</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-26"></use>
                    </svg>
                    <div class="name">emoji-27</div>
                    <div class="fontclass">#ia-emoji-26</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-27"></use>
                    </svg>
                    <div class="name">emoji-28</div>
                    <div class="fontclass">#ia-emoji-27</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-28"></use>
                    </svg>
                    <div class="name">emoji-29</div>
                    <div class="fontclass">#ia-emoji-28</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-emoji-29"></use>
                    </svg>
                    <div class="name">emoji-30</div>
                    <div class="fontclass">#ia-emoji-29</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-san"></use>
                    </svg>
                    <div class="name">伞</div>
                    <div class="fontclass">#ia-san</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shoutao"></use>
                    </svg>
                    <div class="name">手套</div>
                    <div class="fontclass">#ia-shoutao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-bangbangtang"></use>
                    </svg>
                    <div class="name">棒棒糖</div>
                    <div class="fontclass">#ia-bangbangtang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-saikou"></use>
                    </svg>
                    <div class="name">塞口</div>
                    <div class="fontclass">#ia-saikou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jiangpai"></use>
                    </svg>
                    <div class="name">奖牌</div>
                    <div class="fontclass">#ia-jiangpai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shuibei"></use>
                    </svg>
                    <div class="name">水杯</div>
                    <div class="fontclass">#ia-shuibei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-new"></use>
                    </svg>
                    <div class="name">最新new</div>
                    <div class="fontclass">#ia-new</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-star"></use>
                    </svg>
                    <div class="name">置顶推荐top</div>
                    <div class="fontclass">#ia-star</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-hot"></use>
                    </svg>
                    <div class="name">热门hot</div>
                    <div class="fontclass">#ia-hot</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-arrowup"></use>
                    </svg>
                    <div class="name">向上、到顶部</div>
                    <div class="fontclass">#ia-arrowup</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-arrowdown"></use>
                    </svg>
                    <div class="name">向下、到底部</div>
                    <div class="fontclass">#ia-arrowdown</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-menu"></use>
                    </svg>
                    <div class="name">目录、导航</div>
                    <div class="fontclass">#ia-menu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-paper"></use>
                    </svg>
                    <div class="name">文档、文章、document</div>
                    <div class="fontclass">#ia-paper</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-editor"></use>
                    </svg>
                    <div class="name">编辑、editor</div>
                    <div class="fontclass">#ia-editor</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-label_fill"></use>
                    </svg>
                    <div class="name">标签、label</div>
                    <div class="fontclass">#ia-label_fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-link"></use>
                    </svg>
                    <div class="name">链接、link</div>
                    <div class="fontclass">#ia-link</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-sort"></use>
                    </svg>
                    <div class="name">目录、列表、更多、list</div>
                    <div class="fontclass">#ia-sort</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-share"></use>
                    </svg>
                    <div class="name">分享、share</div>
                    <div class="fontclass">#ia-share</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-schedule"></use>
                    </svg>
                    <div class="name">时间、time</div>
                    <div class="fontclass">#ia-schedule</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-home"></use>
                    </svg>
                    <div class="name">主页、首页、home</div>
                    <div class="fontclass">#ia-home</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-chakan"></use>
                    </svg>
                    <div class="name">查看、eye</div>
                    <div class="fontclass">#ia-chakan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-print"></use>
                    </svg>
                    <div class="name">打印机、print</div>
                    <div class="fontclass">#ia-print</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-menu1"></use>
                    </svg>
                    <div class="name">导航、更多</div>
                    <div class="fontclass">#ia-menu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-qr-code"></use>
                    </svg>
                    <div class="name">二维码</div>
                    <div class="fontclass">#ia-qr-code</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-stack"></use>
                    </svg>
                    <div class="name">返回顶部、置顶</div>
                    <div class="fontclass">#ia-stack</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-timerauto"></use>
                    </svg>
                    <div class="name">个人中心、人形</div>
                    <div class="fontclass">#ia-timerauto</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-off-search"></use>
                    </svg>
                    <div class="name">关闭、close</div>
                    <div class="fontclass">#ia-off-search</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-speechbubble"></use>
                    </svg>
                    <div class="name">评论、聊天</div>
                    <div class="fontclass">#ia-speechbubble</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-calendar2"></use>
                    </svg>
                    <div class="name">日历、日期</div>
                    <div class="fontclass">#ia-calendar2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-arrowleft"></use>
                    </svg>
                    <div class="name">上一页、后退</div>
                    <div class="fontclass">#ia-arrowleft</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-arrowright"></use>
                    </svg>
                    <div class="name">下一页、前进</div>
                    <div class="fontclass">#ia-arrowright</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-localoffer"></use>
                    </svg>
                    <div class="name">书签、标签</div>
                    <div class="fontclass">#ia-localoffer</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-nav-search"></use>
                    </svg>
                    <div class="name">搜索、search</div>
                    <div class="fontclass">#ia-nav-search</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-repeat"></use>
                    </svg>
                    <div class="name">随机排序</div>
                    <div class="fontclass">#ia-repeat</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-folder"></use>
                    </svg>
                    <div class="name">文件夹、目录、分类</div>
                    <div class="fontclass">#ia-folder</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiala3"></use>
                    </svg>
                    <div class="name">下 拉</div>
                    <div class="fontclass">#ia-xiala3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhuangtaihongse"></use>
                    </svg>
                    <div class="name">状态</div>
                    <div class="fontclass">#ia-zhuangtaihongse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-tianjia"></use>
                    </svg>
                    <div class="name">添加</div>
                    <div class="fontclass">#ia-tianjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-fanhui"></use>
                    </svg>
                    <div class="name">返回</div>
                    <div class="fontclass">#ia-fanhui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiayibu"></use>
                    </svg>
                    <div class="name">下一步</div>
                    <div class="fontclass">#ia-xiayibu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-guanbi3"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#ia-guanbi3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhengque"></use>
                    </svg>
                    <div class="name">正确</div>
                    <div class="fontclass">#ia-zhengque</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-chaxun"></use>
                    </svg>
                    <div class="name">查询</div>
                    <div class="fontclass">#ia-chaxun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-saoma"></use>
                    </svg>
                    <div class="name">扫码</div>
                    <div class="fontclass">#ia-saoma</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shezhi2"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#ia-shezhi2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-pengyou1"></use>
                    </svg>
                    <div class="name">朋友</div>
                    <div class="fontclass">#ia-pengyou1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-bianji1"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#ia-bianji1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-fenxiang"></use>
                    </svg>
                    <div class="name">分享</div>
                    <div class="fontclass">#ia-fenxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-yuyin"></use>
                    </svg>
                    <div class="name">语音</div>
                    <div class="fontclass">#ia-yuyin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-guanzhu"></use>
                    </svg>
                    <div class="name">关注</div>
                    <div class="fontclass">#ia-guanzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-yiguanzhu"></use>
                    </svg>
                    <div class="name">已关注</div>
                    <div class="fontclass">#ia-yiguanzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-liaotian"></use>
                    </svg>
                    <div class="name">聊天</div>
                    <div class="fontclass">#ia-liaotian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-kejian"></use>
                    </svg>
                    <div class="name">可见</div>
                    <div class="fontclass">#ia-kejian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-bukejian"></use>
                    </svg>
                    <div class="name">不可见</div>
                    <div class="fontclass">#ia-bukejian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shengyin"></use>
                    </svg>
                    <div class="name">声音</div>
                    <div class="fontclass">#ia-shengyin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shipinwenjian"></use>
                    </svg>
                    <div class="name">视频文件</div>
                    <div class="fontclass">#ia-shipinwenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xihuan1"></use>
                    </svg>
                    <div class="name">喜欢</div>
                    <div class="fontclass">#ia-xihuan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-bofang"></use>
                    </svg>
                    <div class="name">播放</div>
                    <div class="fontclass">#ia-bofang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dianping"></use>
                    </svg>
                    <div class="name">点评</div>
                    <div class="fontclass">#ia-dianping</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiangji"></use>
                    </svg>
                    <div class="name">相机</div>
                    <div class="fontclass">#ia-xiangji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-pengyoutuijian"></use>
                    </svg>
                    <div class="name">朋友推荐</div>
                    <div class="fontclass">#ia-pengyoutuijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-fensi"></use>
                    </svg>
                    <div class="name">粉丝</div>
                    <div class="fontclass">#ia-fensi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-weizhi"></use>
                    </svg>
                    <div class="name">位置</div>
                    <div class="fontclass">#ia-weizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-gerenshezhi"></use>
                    </svg>
                    <div class="name">个人设置</div>
                    <div class="fontclass">#ia-gerenshezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-gengduo1"></use>
                    </svg>
                    <div class="name">更多</div>
                    <div class="fontclass">#ia-gengduo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-fenlei1"></use>
                    </svg>
                    <div class="name">分类</div>
                    <div class="fontclass">#ia-fenlei1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jieshao1"></use>
                    </svg>
                    <div class="name">介绍</div>
                    <div class="fontclass">#ia-jieshao1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-pengyouquan"></use>
                    </svg>
                    <div class="name">朋友圈</div>
                    <div class="fontclass">#ia-pengyouquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-rongyu"></use>
                    </svg>
                    <div class="name">荣誉</div>
                    <div class="fontclass">#ia-rongyu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-gerenzhuye"></use>
                    </svg>
                    <div class="name">个人主页</div>
                    <div class="fontclass">#ia-gerenzhuye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wodeshoucang"></use>
                    </svg>
                    <div class="name">我的收藏</div>
                    <div class="fontclass">#ia-wodeshoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wode2"></use>
                    </svg>
                    <div class="name">我的</div>
                    <div class="fontclass">#ia-wode2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiaoxi1"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#ia-xiaoxi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhuye"></use>
                    </svg>
                    <div class="name">主页</div>
                    <div class="fontclass">#ia-zhuye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhuangtai2"></use>
                    </svg>
                    <div class="name">状态5</div>
                    <div class="fontclass">#ia-zhuangtai2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-zhuangtai3"></use>
                    </svg>
                    <div class="name">状态</div>
                    <div class="fontclass">#ia-zhuangtai3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-APP"></use>
                    </svg>
                    <div class="name">APP</div>
                    <div class="fontclass">#ia-APP</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-bangdan"></use>
                    </svg>
                    <div class="name">热榜</div>
                    <div class="fontclass">#ia-bangdan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-choujiang"></use>
                    </svg>
                    <div class="name">抽奖</div>
                    <div class="fontclass">#ia-choujiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dagou"></use>
                    </svg>
                    <div class="name">打勾</div>
                    <div class="fontclass">#ia-dagou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-bianji"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#ia-bianji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-changjianwenti"></use>
                    </svg>
                    <div class="name">常见问题</div>
                    <div class="fontclass">#ia-changjianwenti</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-daishouhuo"></use>
                    </svg>
                    <div class="name">待收货</div>
                    <div class="fontclass">#ia-daishouhuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dengdaishouhuo"></use>
                    </svg>
                    <div class="name">等待收货</div>
                    <div class="fontclass">#ia-dengdaishouhuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-daichengtuan"></use>
                    </svg>
                    <div class="name">待成团</div>
                    <div class="fontclass">#ia-daichengtuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-daifahuo"></use>
                    </svg>
                    <div class="name">待发货</div>
                    <div class="fontclass">#ia-daifahuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-daifukuan"></use>
                    </svg>
                    <div class="name">待付款</div>
                    <div class="fontclass">#ia-daifukuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dizhi"></use>
                    </svg>
                    <div class="name">地址</div>
                    <div class="fontclass">#ia-dizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dianhua1"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#ia-dianhua1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dianhua2"></use>
                    </svg>
                    <div class="name">电话 (1)</div>
                    <div class="fontclass">#ia-dianhua2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-dingdan"></use>
                    </svg>
                    <div class="name">订单</div>
                    <div class="fontclass">#ia-dingdan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-guanbi"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#ia-guanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-fenlei"></use>
                    </svg>
                    <div class="name">分类</div>
                    <div class="fontclass">#ia-fenlei</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-huodong"></use>
                    </svg>
                    <div class="name">活动</div>
                    <div class="fontclass">#ia-huodong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jifen"></use>
                    </svg>
                    <div class="name">积分</div>
                    <div class="fontclass">#ia-jifen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jiahao1"></use>
                    </svg>
                    <div class="name">加号</div>
                    <div class="fontclass">#ia-jiahao1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jifenshangcheng"></use>
                    </svg>
                    <div class="name">积分商城</div>
                    <div class="fontclass">#ia-jifenshangcheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-huo"></use>
                    </svg>
                    <div class="name">火</div>
                    <div class="fontclass">#ia-huo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jianhao"></use>
                    </svg>
                    <div class="name">减号</div>
                    <div class="fontclass">#ia-jianhao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-jieshao"></use>
                    </svg>
                    <div class="name">介绍</div>
                    <div class="fontclass">#ia-jieshao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-kefu"></use>
                    </svg>
                    <div class="name">客服</div>
                    <div class="fontclass">#ia-kefu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-miaosha"></use>
                    </svg>
                    <div class="name">秒杀</div>
                    <div class="fontclass">#ia-miaosha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-mendian"></use>
                    </svg>
                    <div class="name">门店</div>
                    <div class="fontclass">#ia-mendian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-liuyan1"></use>
                    </svg>
                    <div class="name">留言</div>
                    <div class="fontclass">#ia-liuyan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-mendianzitidaihexiaosvg"></use>
                    </svg>
                    <div class="name">门店自提－待核销svg</div>
                    <div class="fontclass">#ia-mendianzitidaihexiaosvg</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-nan"></use>
                    </svg>
                    <div class="name">男</div>
                    <div class="fontclass">#ia-nan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-nv"></use>
                    </svg>
                    <div class="name">女</div>
                    <div class="fontclass">#ia-nv</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shanchu1"></use>
                    </svg>
                    <div class="name">删除</div>
                    <div class="fontclass">#ia-shanchu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shezhi1"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#ia-shezhi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-pintuan"></use>
                    </svg>
                    <div class="name">拼团</div>
                    <div class="fontclass">#ia-pintuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shandian"></use>
                    </svg>
                    <div class="name">闪电</div>
                    <div class="fontclass">#ia-shandian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shijian"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#ia-shijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shoucang"></use>
                    </svg>
                    <div class="name">收藏</div>
                    <div class="fontclass">#ia-shoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shouye1"></use>
                    </svg>
                    <div class="name">首页 (1)</div>
                    <div class="fontclass">#ia-shouye1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shouye-shouye"></use>
                    </svg>
                    <div class="name">首页-首页</div>
                    <div class="fontclass">#ia-shouye-shouye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shouhou"></use>
                    </svg>
                    <div class="name">售后</div>
                    <div class="fontclass">#ia-shouhou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-shouye2"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#ia-shouye2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wode1"></use>
                    </svg>
                    <div class="name">我的</div>
                    <div class="fontclass">#ia-wode1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wxpay"></use>
                    </svg>
                    <div class="name">微信支付</div>
                    <div class="fontclass">#ia-wxpay</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wodepinglun"></use>
                    </svg>
                    <div class="name">我的评论2</div>
                    <div class="fontclass">#ia-wodepinglun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wodedizhi"></use>
                    </svg>
                    <div class="name">我的地址</div>
                    <div class="fontclass">#ia-wodedizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wujiaoxing"></use>
                    </svg>
                    <div class="name">五角星</div>
                    <div class="fontclass">#ia-wujiaoxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-wuliu1"></use>
                    </svg>
                    <div class="name">物流</div>
                    <div class="fontclass">#ia-wuliu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-xiaoxi"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#ia-xiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-selected"></use>
                    </svg>
                    <div class="name">选中</div>
                    <div class="fontclass">#ia-selected</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-yue"></use>
                    </svg>
                    <div class="name">余额</div>
                    <div class="fontclass">#ia-yue</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-coupon"></use>
                    </svg>
                    <div class="name">优惠券</div>
                    <div class="fontclass">#ia-coupon</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-balance"></use>
                    </svg>
                    <div class="name">余额支付</div>
                    <div class="fontclass">#ia-balance</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-alipay"></use>
                    </svg>
                    <div class="name">支付宝支付</div>
                    <div class="fontclass">#ia-alipay</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-2"></use>
                    </svg>
                    <div class="name">level-2</div>
                    <div class="fontclass">#ia-level-2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-4"></use>
                    </svg>
                    <div class="name">level-4</div>
                    <div class="fontclass">#ia-level-4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-5"></use>
                    </svg>
                    <div class="name">level-5</div>
                    <div class="fontclass">#ia-level-5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-1"></use>
                    </svg>
                    <div class="name">level-1</div>
                    <div class="fontclass">#ia-level-1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-3"></use>
                    </svg>
                    <div class="name">level-3</div>
                    <div class="fontclass">#ia-level-3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-6"></use>
                    </svg>
                    <div class="name">level-6</div>
                    <div class="fontclass">#ia-level-6</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-7"></use>
                    </svg>
                    <div class="name">level-7</div>
                    <div class="fontclass">#ia-level-7</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-8"></use>
                    </svg>
                    <div class="name">level-8</div>
                    <div class="fontclass">#ia-level-8</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-9"></use>
                    </svg>
                    <div class="name">level-9</div>
                    <div class="fontclass">#ia-level-9</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-11"></use>
                    </svg>
                    <div class="name">level-11</div>
                    <div class="fontclass">#ia-level-11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-10"></use>
                    </svg>
                    <div class="name">level-10</div>
                    <div class="fontclass">#ia-level-10</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-13"></use>
                    </svg>
                    <div class="name">level-13</div>
                    <div class="fontclass">#ia-level-13</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-15"></use>
                    </svg>
                    <div class="name">level-15</div>
                    <div class="fontclass">#ia-level-15</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-14"></use>
                    </svg>
                    <div class="name">level-14</div>
                    <div class="fontclass">#ia-level-14</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#ia-level-12"></use>
                    </svg>
                    <div class="name">level-12</div>
                    <div class="fontclass">#ia-level-12</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#ia-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
